/*
 * ------------------------------------------------------------------------
 * JA Social Template for J17
 * ------------------------------------------------------------------------
 * Copyright (C) 2004-2011 J.O.O.M Solutions Co., Ltd. All Rights Reserved.
 * @license - Copyrighted Commercial Software
 * Author: J.O.O.M Solutions Co., Ltd
 * Websites:  http://www.joomlart.com -  http://www.joomlancers.com
 * This file may not be redistributed in whole or significant part.
 * ------------------------------------------------------------------------
*/

/* STYLING THE MENU
-----------------------------------*/
/* 1st level */
#ja-cssmenu li {
	padding-left: 15px;
	border-left: 1px dotted #6ba8bf;
	font-family: "Segoe UI", Arial, sans-serif;
}

#ja-cssmenu li.first-item {
	border: 0;
}

#ja-cssmenu li a {
	color: #fff;
	padding: 0 25px 0 10px;
	font-size: 110%;
	font-weight: normal;
	line-height: 40px;
	text-transform: uppercase;
	text-shadow: 0 -1px 0 rgba(0,0,0,.5);
}

#ja-cssmenu li .has-image {
	background-position: left top;
	padding-left: 20px;
}

#ja-cssmenu li.sfhover .has-image,
#ja-cssmenu li.active .has-image {
	background-position: left bottom;
}

#ja-cssmenu li.sfhover {
	background: url(../../images/mainnav-active-l.png) no-repeat left 3px;
}

#ja-cssmenu li.sfhover a {
	background: url(../../images/mainnav-active-r.png) no-repeat right 3px;
	color: #4b4b4b;
	text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.1);
}

#ja-cssmenu li.active {
	background: url(../../images/mainnav-active-l.png) no-repeat left 3px;
}

#ja-cssmenu li a.active,
#ja-cssmenu li a.active:hover,
#ja-cssmenu li a.active:active,
#ja-cssmenu li a.active:focus {
	background: url(../../images/mainnav-active-r.png) no-repeat right 3px;
	color: #333;
	text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.1);
}

#ja-cssmenu li span.menu-title {}

#ja-cssmenu li.havechild span.menu-title {
	background: url(../../images/arrow3.png) no-repeat left center;
	padding-left: 15px;
}

#ja-cssmenu li.havechild.active span.menu-title,
#ja-cssmenu li.havechildsfhover span.menu-title {
	background: url(../../images/arrow4.png) no-repeat left center;
	padding-left: 15px;	
}

/* 2nd level and above */
#ja-cssmenu li ul {
	padding: 5px 10px;
}
#ja-cssmenu li li {
	font-family: Arial, Helvetica, sans-serif;
}
#ja-cssmenu li ul li { border-top: 1px dotted #ccc; border-left: 0; }

#ja-cssmenu li ul li.first-item { border-top: 0; }

#ja-cssmenu li ul li a {
	background: none !important;
	color: #2191b5 !important;
	padding: 0 !important;
	font-size: 110%;
	font-weight: normal;
	line-height: 20px;
	font-weight: normal;
	text-transform: none;
	text-shadow: none !important;
}

#ja-cssmenu li ul li.sfhover,
#ja-cssmenu li ul li.active {
	background: none;
}

#ja-cssmenu li ul li {
	padding: 5px 8px;
}

#ja-cssmenu li ul li.sfhover {
	background: #f9fdff;
}

#ja-cssmenu li ul li span.menu-title,
#ja-cssmenu li.havechild.active ul li span.menu-title,
#ja-cssmenu li.havechildsfhover ul li span.menu-title {
	background: url(../../images/arrow5.png) no-repeat left 5px;
}

#ja-cssmenu li ul li span.has-image span.menu-title {
	background: none;
	padding: 0;
}

#ja-cssmenu li.sfhover ul li .has-image,
#ja-cssmenu li.active ul li .has-image {
	background-position: left 2px;
}


#ja-cssmenu li ul {
	margin-left: -6px;
	background: #d6e4ec url(../../images/grad-01.gif) repeat-x left top;
	border: 1px solid #ccc;
	border-top: 0;
}

#ja-cssmenu ul li ul {
	border-top: 1px solid #ccc;
}